<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head th:replace="/mobile/common::head(~{::custom_settings})">
		<th:block th:fragment="custom_settings">
			<title>顺山科技智慧生活服务平台</title>
			<link type="text/css" rel="stylesheet" th:href="@{{css}/mobile/member/mobileitemize/mobileItemize.css(css=${css})}"/>
		</th:block>
	</head>
	<body>
		<div class="weui-tab">
			<div class="weui-tab__bd">
			    <div id="" ><!-- class="weui-tab__bd-item" -->
			        <div class="weui-tab-home " >
			    		<div class="weui-tab-home-title"><!-- <i class="fa fa-angle-left"></i> --><h1>分　类</h1></div>
			    		<div class="itemize-search">
			    			<div>
				    			<i class="fa fa-search" onclick="search()"></i> 
								<input id="searchcontent" type="text" placeholder="请输入您喜欢的产品"/>
							</div>
						</div>
			    		<div class="itemize" data-ydui-scrolltab>
			    			<div class="itemize-scrolltab">
			    				<ul>
			    					<li th:each="gp,gpStat : ${goodgroups}" class="scrolltab-itemize" th:data-goodgroupid="${gp.entityid}" onclick="changedgroups(this.getAttribute('data-goodgroupid'))"><a><span class="scrolltab-title" th:text="${gp.groupname}"></span></a></li>
			    				</ul>
			    			</div>
			    			
				    		<div class="scrolltab-content">
				    			<th:block th:fragment="goodgroups_refresh">
					    			<th:block th:each="gp,gpStat : ${goodgroups}">
						    			<div class="scrolltab-content-item">
						    				<div th:if="${gpStat.first}" class="scrolltab-content-img"><img th:src="@{{image}/mobile/member/pic.png(image=${image})}"/></div>
						    				<th:block th:each="second : ${gp.second}">
							    				<div class="scrolltab-content-vegetable">
							    					<div class="vegetable-title"><span th:text="${second.groupname}"></span><i class="fa fa-angle-right"></i></div>
							    					<div class="vegetable-list">
							    						<ul>
							    							<li th:each="three : ${second.three}"><a href="javascript:void(0)" th:data-goodid="${three.entityid}" onclick="showGoodList(this.getAttribute('data-goodid'))"><img th:src="${three.grouppicture}"/><p th:text="${three.groupname}"></p></a></li>
							    						</ul>
							    					</div>
							    				</div>
						    				</th:block>
						    			</div>
					    			</th:block>
				    			</th:block>
				    		</div>
			    		</div>
			    	</div>
			    </div>
		   </div>
		
		  <th:block th:replace="/mobile/member/common::common_mobile_tabbar(2)"/>
		</div>
		<script type="text/javascript" th:src="@{{js}/mobile/member/mobileitemize/mobileItemize.js(js=${js})}"></script>
	</body>
</html>
	